<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>我的百合</title>
<link rel="shortcut icon" type="image/x-icon" href="image/favicon.ico">
<link rel="stylesheet" href="css/mybaihee.css" type="text/css"/>
<link rel="stylesheet" href="css/header.css" type="text/css"/>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
</head>

<body>
	 <header>
    	<script type="text/javascript" src="js/header.js"></script>
    </header>
    <script>var uls=document.getElementsByClassName("menu_more");
	for(var i=0;i<uls.length;i++){
		uls.item(i).onmouseover=function(){
			this.getElementsByTagName("ul")[0].style.display="block";
		}
		uls.item(i).onmouseout=function(){
			this.getElementsByTagName("ul")[0].style.display="none";
		}
		
	}
	$.post("regLogServlet?t="+new Date(),{op:"getUserLoginInfo"},function(data){
		var str="";
		var str2="image/mybaihee/zaza/1_1.png";
		var pic="";
		
		if(data==0){ //没有登录
			str="<p><a href='register.html' class='set'>注册</a><a href='login.html' class='up'>登录</a></p>"
		}else{
			str="<p><a style='color:red' href='mybaihee.jsp' class='set'>"+data.loginUserInfo[0].NICKNAME+"</a><a href='login.html' class='up'>[切换用户]</a></p>"
			str2="<img src='"+data.loginUserInfo[0].TOUXIANG+"' class='aaa' style='height:100px;width:100px;'/><br/>";
		}
		$(".setUp").html(str);
		$(".aa").html(str2);
	},"json");
</script>
    
    	<div id="userInfo">
        	<div class="pic">
        		<a href="#" class="myTX"><img src="image/mybaihee/zaza/1_1.png" class="img1"/></a>
            	<a href="" class="iconT">上传照片</a>
            	<a href="ziliao.html" class="iconT">编辑资料</a>
            </div>
            <div class="data">
				<h3><a href="">叫哥</a></h3>
				<dl>
					<dt>我的等级</dt>
						<dd><span class="orangeT">普通会员</span></dd>
					<dt>等级认证</dt>
						<dd><div id="authIcon" class="num">
                				<img src="image/mybaihee/zaza/2.png">
								<a href=""><img src="image/mybaihee/zaza/2_2.png"></a>
								<a href=""><img src="image/mybaihee/zaza/2_3.png"></a>
								<a href=""><img src="image/mybaihee/zaza/2_4.png"></a>
								<a href=""><img  src="image/mybaihee/zaza/2_5.png"></a>
							</div>
							<a class="iconT" target="_blank" href="">提升</a>
						</dd>
					<dt>成长等级</dt>
						<dd><span class="orangeT">Lv1</span>
							<div class="speed"><div class="strip" style="width:0%;"></div></div>
							<a class="iconT" target="_blank" href="">提高</a>
						</dd>
				</dl>
			</div>
            <ul>
				<li><a target="_blank" href=""><span class="orangeT">0</span>未读消息</a></li>
				<li><a target="_blank" href=""><span id="noReadMsg" class="orangeT">0</span>最近访问</a></li>
				<li><a target="_blank" href=""><span class="orangeT">0</span>我的红豆</a></li>
				<li class="w90"><a class="w90" target="_blank" href=""><span class="orangeT">0</span>花瓣数量</a></li>
			</ul>
          
       		 <div class="signIn">
				<img src="image/mybaihee/zaza/3.png"><br/>
				<span id="loveBank">爱情银行帮你实现爱情梦想<br><a class="orangeT" href="">马上去实现</a></span>
			</div>
    	</div>
   </div> 
    <div id="second">
    	<div id="b">
        <h3>推荐服务</h3>
        	<ul>
            	<li class="b1"><a href=""><img src="image/xiao/1.png" height="25px" width="25px">水晶会员</a>&nbsp;&nbsp;&nbsp;&nbsp;<div class="bb">开&nbsp;通</div><p class="bbb">红娘帮忙牵线搭桥寻对象</p></li>
                <li><a href=""><img src="image/xiao/2.png" height="25px" width="25px">红娘牵线</a>&nbsp;&nbsp;&nbsp;&nbsp;<div class="bb">开&nbsp;通</div><p class="bbb">更多展示机会,提高成功</p></li>
                <li><a href=""><img src="image/xiao/3.png" height="25px" width="25px">至尊会员</a>&nbsp;&nbsp;&nbsp;&nbsp;<div class="bb">开&nbsp;通</div><p class="bbb">百合通用虚拟货币</p></li>
                <li><a href=""><img src="image/xiao/4.png" height="25px" width="25px">百合红豆</a>&nbsp;&nbsp;&nbsp;&nbsp;<div class="bb">开&nbsp;通</div></li>
                <li><a href="" class="b5">更多</a></li>
            </ul>
        </div>
        
        <div id="c">
        	<h3>百合应用</h3>
        	<ul>
            	<li><a href=""><img src="image/xiao/a.png" height="25px" width="25px">恋爱帮帮忙</a></li>
            	<li><a href=""><img src="image/xiao/b.png" height="25px" width="25px">成长俱乐部</a></li>
                <li><a href=""><img src="image/xiao/c.png" height="25px" width="25px">丘比特之箭</a></li>
                <li><a href=""><img src="image/xiao/d.png" height="25px" width="25px">心灵匹配测试</a></li>
                <li><a href=""><img src="image/xiao/e.png" height="25px" width="25px">Love双重奏</a></li>
                <li><a href=""><img src="image/xiao/f.png" height="25px" width="25px">红豆工厂</a></li>
                <li><a href=""><img src="image/xiao/g.png" height="25px" width="25px">花瓣抽奖</a></li>
                <li><a href=""><img src="image/xiao/h.png" height="25px" width="26px">幸运宝藏</a></li>
                <li><a href=""><img src="image/xiao/i.png" height="25px" width="26px">相亲助手</a></li>
                <li><a href=""><img src="image/xiao/j.png" height="25px" width="27px">恋爱ing</a></li>
            </ul>
       </div>
        
        <div id="d">
        <h3>百合账户</h3>
        	<ul>
            	<li><a href=""><img src="image/xiao/z1.png" height="25px" width="25px">我的资料</a></li>
            	<li><a href=""><img src="image/xiao/z2.png" height="25px" width="25px">我的照片</a></li>
                <li><a href=""><img src="image/xiao/z3.png" height="25px" width="25px">我的认证</a></li>
                <li><a href=""><img src="image/xiao/z4.png" height="25px" width="25px">手机认证</a></li>
                <li><a href=""><img src="image/xiao/z5.png" height="25px" width="25px">实名认证</a></li>
                <li><a href=""><img src="image/xiao/z6.png" height="25px" width="25px">择偶意向</a></li>
                <li><a href=""><img src="image/xiao/z7.png" height="25px" width="25px">账号设置</a></li>
            </ul>
      </div>
    </div>
    <!--此处主要是中间的中间部分-->
   
   
    <div class="myBaihe_Left">
    <!--<div class="advMyBh"></div>-->
    <!-- 焦点图 -->
    <div id="homeFocus">
        <div class="focusCont">
            <div class="focusPic">
                <ul class="cont">
                    <li class="focus"><a href=""><img src="image/1.jpg" alt="红娘牵线"  /></a></li>
                    <li class="focus"><a href=""><img src="" alt=""  /></a></li>
                    <li class="focus"><a href=""> <img src="" alt=""  /></a></li>
                 </ul>
                <ol class="icon"></ol>
            </div>
        </div>
    </div>

    <!-- 焦点明星 -->
    <h4 class="c333" id="startTitle"><a class="cbd" href="">立即提升></a>焦点明星
		<span class="orangeT">曝光度迅速提升！ </span></h4>
    <div class="jdmx">
        <ul id="starts">
        	<li>
            	<a><img src="image/mybaihee/zaza/5.png">
                	<div class="cont">
                    	<div class="txt">33岁 本科</div>
						<div class="black"></div></div>
                </a>
                <a class="orange jdmxorg" href="">打招呼</a>
            </li>
        </ul>
        
    </div>

    <!-- 用户关系 -->
    <div class="menuTab">
        <a id="userListMore" target="_blank" href="#" class="cbd">更多></a>
        <a id="usrTab1" href="" class="active">看过我的<em></em></a>
        <a id="usrTab3" href="" class="">关注我的<em></em></a>
    </div>
    <div class="look" id="look">
		<ul>
        	<li><a class="c333" href=""><img alt="" src="image/mybaihee/zaza/5.png">26岁 北京</a></li>
        </ul>
    </div>


    <!-- 喜欢 -->
    <div class="menuTab">
        <a href="javascript:guessYouLike();" class="cbd" id="guessNextPage" style="display:block">换一组></a>
        <a id="like" href="javascript:void(0);" class="active">猜你喜欢<em></em></a>
        <a id="liked" href="" class="">已喜欢<em></em></a>
    </div>
    <div class="like" id="likeCode">
    	<div class="likeCont">
    		<a href="" target="_blank"><img alt="" src="image/mybaihee/zaza/5.png"></a>
			<div class="txt">
				<p class="f16">海水</p>
				<p class="c333">20岁 160cm 本科</p>
				<p class="cbd"></p>
			</div>
			<div id="flashIcon"><img src="image/mybaihee/zaza/xihuan.png">
			<div id="Matching_120694174"><a class="likeIcon" href="">喜欢</a></div>
            </div>
    	</div>
    </div>

    <!-- 一键钟情 --->
    <h4 class="c333" style="margin-top:0px;">一键钟情</h4>
    <div class="yjzq  " id="yjzq">
    	<div class="left">
			<div class="pic"><a class="c333" href=""><img alt="" src="image/mybaihee/zaza/5.png"></a>
				<a class="c333" href="">
				<center>柠檬</center>27岁 人力资源</a>
			</div>
			<a class="icon yjzqLove" href="javascript:;">喜欢她</a>
		</div>
        <div class="right">
			<div class="pic"><a class="c333" href=""><img alt="" src="image/mybaihee/zaza/5.png"></a>
				<a class="c333" href="">
				<center>joa恩</center>26岁 艺术/设计/创意</a>
			</div>
			<a class="icon yjzqLove" href="javascript:;">喜欢她</a>
		</div>
        <div class="middle">
			<a class="icon twoLove" href="javascript:;">都喜欢</a>
			<a class="stopTwo" href="javascript:;">跳过</a>
		</div>
    </div>
</div>



    <!--此处主要是中间右边部分-->
    <div class="myBaihe_Right">
    	<div class="bor boor">
        <!-- 成长俱乐部 -->
        <h4 class="c333"><a href="" class="cbd">赚花瓣></a>成长俱乐部</h4>
            <div class="myTask" >
            <ul id="myTask">
            	<li><img src="image/mybaihee/zaza/sheng1.png"><a href="">升级会员</a></li>
				<li><img src="image/mybaihee/zaza/sheng2.png"><a href="">手机认证</a></li>
				<li><img src="image/mybaihee/zaza/sheng3.png"><a href="">实名认证</a></li>
            </ul>
            <a href=""class="orange">赚花瓣赢大奖</a>
        	</div>
    	</div>

    <!-- VIP实体店入口 -->
    <div class="vipBT">红娘服务</div>
    <div class="vip">
        <ul>
            <li><em class="icon01"></em>当面沟通</li>
            <li><em class="icon02"></em>身份验证</li>
            <li><em class="icon03"></em>深度访谈</li>
            <li><em class="icon04"></em>双向匹配</li>
            <li><em class="icon05"></em>传情达意</li>
            <li><em class="icon06"></em>跟踪回访</li>
        </ul>
        <a href="">查看附近实体店</a>
    </div>

    <!-- 成功故事 -->
    <div class="bor boor" >
        <h4 class="c333"><a href="" class="cbd">更多></a>他们收获幸福</h4>
        <div id="scrollDiv1">
                <div class="story" id="scrollDiv2">
                    <ul>
                        <li><a href=""><span class="orangeT">爱情顾问</span>恋爱啦!</a></li>
                        <li><a href=""><span class="orangeT">带上飞机</span>恋爱啦!</a></li>
                        <li><a href=""><span class="orangeT">爱情顾问</span>恋爱啦!</a></li>
                        <li><a href=""><span class="orangeT">地方提意</span>恋爱啦!</a></li>
                        <li><a href=""><span class="orangeT">爱情顾问</span>恋爱啦!</a></li>
                        <li><a href=""><span class="orangeT">带上飞机</span>恋爱啦!</a></li>
                        <li><a href=""><span class="orangeT">爱情顾问</span>恋爱啦!</a></li>
                        <li><a href=""><span class="orangeT">地方提意</span>恋爱啦!</a></li>
                        <li><a href=""><span class="orangeT">爱情顾问</span>恋爱啦!</a></li>
                        <li><a href=""><span class="orangeT">带上飞机</span>恋爱啦!</a></li>
                        <li><a href=""><span class="orangeT">爱情顾问</span>恋爱啦!</a></li>
                        <li><a href=""><span class="orangeT">地方提意</span>恋爱啦!</a></li>
                    </ul>
                </div>
                <div id="scrollDiv3" class="story">
                    
                </div>
        </div>
    </div>
	<script>
    	<!--图片无缝滚动-->
	
			var speed=20;
			var tab=document.getElementById("scrollDiv1");
			var tab1=document.getElementById("scrollDiv2");
			var tab2=document.getElementById("scrollDiv3");
			tab2.innerHTML=tab1.innerHTML;
			function Marquee(){
				//console.info(tab2.offsetTop-tab.scrollTop+"  "+tab2.offsetTop+"  "+tab.scrollTop);
				if(tab2.offsetHeight-tab.scrollTop<=0){
					tab.scrollTop-=tab1.offsetHeight;
				}else{
					tab.scrollTop++;
				}
			}
			var MyMar=setInterval(Marquee,speed);
			tab.onmouseover=function(){clearInterval(MyMar)};
			tab.onmouseout=function(){MyMar=setInterval(Marquee,speed)};
		
    </script>
    <!-- 水晶会员广告 -->
    <div class="adv230">
        <a href="http://product.baihe.com" spm="4.2.2.525.1449" event="3" target="_blank"><img src="image/mybaihee/zaza/rightSj1.jpg" alt="" /></a>
    </div>

    <!-- 广告位 -->
   <div id="js_fixed_right">
	    <div class="adv230">
            <img src="image/mybaihee/zaza/2015082101.jpg">
	       
	    </div>
	</div>
	</div>
    <div id="four">
    	<img src="image/3.jpg" height="90px" width="1000px">
    </div>
    
   
   <!--尾部-->
   <script type="text/javascript" src="js/foot.js" charset='utf-8'></script>
</body>
</html>
